﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>保存并读取登录用户名与密码</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="jscript" 
        src="jszh.js"/>
</script>
<style type="text/css">
        html{height:100%;}
        body{min-height:100%;margin:0;padding:0;position:relative;}
		
        .header{background-color: #ffe4c4;}
        .main{padding-bottom:100px;background-color: #bdb76b;}/* main的padding-bottom值要等于或大于footer的height值 */
        .footer{position:absolute;bottom:0;width:100%;height:100px;background-color: #ffc0cb;}
</style>

</head>
<body onLoad="pageload();">
<main class="main">
   <form id="frmLogin" action="#">
    <fieldset>
       <legend>登录</legend>
       <ul>
           <li class="li_top">
               <span id="spnStatus"></span>
           </li>
           <li>名称：
               <input id="txtName" class="inputtxt" 
                      type="text">
           </li> 
           <li>密码：
               <input id="txtPass" class="inputtxt" 
                      type="password">
           </li> 
           <li>
               <input id="chkSave" type="checkbox">
               我确定保存密码！
           </li>
           <li class="li_bot">
               <input name="btnLogin" class="inputbtn" value="登录"
                      type="button" onClick="btnLogin_click();">
               <input name="rstLogin" class="inputbtn" 
                      type="reset" value="取消">
           </li>
       </ul>
    
    </fieldset>
   </form>
   </main>
   <br>
   <footer class="footer">
  <p>Posted by: 学号+姓名</p>
  <p>Contact information: <a href="http:\\www.baidu.com">www.baidu.com</a>.</p>
</footer>

</body>
</html>
